<template>
	<view>
		<view class="nav">
			<uni-nav-bar leftWidth="750rpx"   left-icon="back" leftText="通知" @clickLeft="back"></uni-nav-bar>
		</view>
		<view    class="praise">
			<!-- <view class="select">
				<uni-segmented-control :current="current" :values="items" @clickItem="onClickItem" styleType="text" activeColor="#4cd964"></uni-segmented-control>
			</view> -->  
				<view v-for="v in reme"  v-show="current === 0">
					<view  class="out">
						<view class="dname">
							<image :src="imageUrl+v.avatarPath" mode=""></image>
							<view class="nickname">{{v.nickName}}</view>
						</view>
						<view class="details">
							<view cont>{{v.msgCont}}</view>
							<view class="date">{{v.msgTime}}</view>
						</view>
					</view>	
						
					
				</view>	
				<view v-show="current === 1">
						
						选项卡2的内容
				</view>
	    </view>	
	</view>
</template>

<script>
	import http from '@/utils/http.js'
	export default {
		data() {
			return {
				items: ['回复我的', '系统消息'],
				current: 0,
				reme:[],
				tother:[],
				imageUrl:"http://mnxc.xyz:8080/common/download?name=",
			}
		},
		onShow(){
			this.showreme()
		},
		methods: {
			showreme(){
				http({
					url:`/message/msgPlusByUserId`,
					params:{
						id:1
					},
					success:(res)=>{
						console.log(res)
						this.reme=res.data.data
					}
				})
			},
			
			
			
			onClickItem(e) {
			      if (this.current != e.currentIndex) {
			        this.current = e.currentIndex;
			      }
			    },
			back(){
				uni.switchTab({
					url:'/pages/mine/mine'
				})
			}
		}
	}
</script>

<style>
.nav{
	
	

	height: 140rpx;
	width: 750rpx;
	display: flex;

	align-items: center;
}
.out{
	margin-top: 20rpx;
	display: flex;
	justify-content: space-between;
	height: 100rpx;
	width: 750rpx;
	/* background: #ff0000; */
/* 	box-shadow: 0 0 2rpx #a7a7a7; */
	
}
.dname{
	width: 200rpx;
	height: 100rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	
	
}
.details{
	display: flex;
	justify-content: left;
	align-items: center;
	flex-direction: column;
	
}
.out image{
	width: 80rpx;
	height: 80rpx;
}

</style>
